<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天气预报</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <h1>天气预报</h1>
    <div class="weather-container">
        <input type="text" id="cityCodeInput" placeholder="请输入省份城市地区..." onkeydown="if(event.keyCode==13) fetchWeather()">
        <button onclick="fetchWeather()">查询天气</button>
        <img src="https://api.vvhan.com/api/ipCard?tip=个人中心-小卡片" alt="" class="sj-img"> 
        <div class="weather-info">
            <p>在这输入需要查询的省、城市、区、例子：<i>广东、顺德</i></p>
            <p>小彩蛋:输入“<i>壁纸</i>”随机返回壁纸，f5刷新页面可再次刷新壁纸(๑•́ ₃ •̀๑)</p>
            <a href="https://gitee.com/li0802/jianli" target="_blank" class="weather-city">仓库</a>
        </div>
    </div>
    <ul id="weatherDetails" class="list-group">
    </ul>

    <script src="./js/index.js"></script>
    <script src="https://api.vvhan.com/api/script/bolang"></script>
</body>
</html>
